<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title></title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/tabbar.css" />
		<style>
			.text_a{
				font-size: 25px;
				line-height: 60px;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-home mui-pull-left myhome"></a>
			<h1 class="mui-title">上传运行信息</h1>
			<!--<a id="menu" class="mui-action-menu
				  mui-icon mui-icon-bars
				   mui-pull-right" href="#topPopover">
			</a>-->
		</header>
		<nav class="mui-bar mui-bar-tab" id="tabb_nav">
			<a class="mui-tab-item mui-active" id="sign_tab" href="#tabbar-with-sign">
				<span class="mui-icon mui-icon-chat"></span>
				<span class="mui-tab-label">签到</span>
			</a>
			<a class="mui-tab-item" id="pumpstation_tab" href="#tabbar-with-pump">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">泵站</span>
			</a>
			<a class="mui-tab-item" id="csdt_tab" href="#tabbar-with-csdt">
				<span class="mui-icon mui-icon-settings"></span>
				<span class="mui-tab-label">调蓄池</span>
			</a>
			<a class="mui-tab-item" id="gate_tab" href="#tabbar-with-gate">
				<span class="mui-icon mui-icon-bars"></span>
				<span class="mui-tab-label">河闸</span>
			</a>
			<a class="mui-tab-item" id="logout">
				<span class="mui-icon mui-icon-close"></span>
				<span class="mui-tab-label">退出</span>
			</a>
		</nav>

		<div class="mui-content">
			<!--签到-->
			<div id="tabbar-with-sign" class="mui-control-content mui-active mui-content-padded">
				<!--拍照，预览，【上传按钮，显示图片】-->
				<!--<button btn_uploadimage type="button" class="mui-btn mui-btn-block mui-icon mui-icon-plus mui-left">
		        	添加现场值班照片
				</button>-->
				<h1 id="user_realname"></h1>
				<p>
					<img id="btn_uploadimage" src="" data-preview-src="" data-preview-group="1" />
				</p>
				<!--定位-->
				<!--<button id="btn_location" type="button" class="mui-btn mui-btn-block mui-icon mui-icon-location mui-left">
		        	获取当前位置信息
				</button>
				<div>
					<input type="text" id="now_location" placeholder="当前位置的X，Y坐标" readonly="true">
				</div>-->
				<!--【按钮，显示坐标INPUT】-->
				<!--签到按钮-->
				<!--<button type="button" id="btnSign"
					class="mui-btn mui-btn-block mui-icon mui-icon-info"
					 style="background: #22a18d;color: #ffffff;">
					签到
				</button>-->
			</div>
			<!--泵站-->
			<div id="tabbar-with-pump" class="mui-control-content mui-content-padded">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell">
						<a href="bz_bj_grid.html" class="mui-navigate-right text_a"><span class="mui-icon mui-icon-plus"></span>&#12288;泵机运行记录</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="bz_gsj_grid.html" class="mui-navigate-right text_a"><span class="mui-icon mui-icon-gear"></span>&#12288;格栅机运行记录</a>
					</li>
					<li class="mui-table-view-cell">
						<a  href="bz_sdb_grid.html" class="mui-navigate-right text_a"><span class="mui-icon mui-icon-compose"></span>&#12288;电表记录</a>
					</li>
					<li class="mui-table-view-cell">
						<a  href="bz_sb_grid.html" class="mui-navigate-right text_a"><span class="mui-icon mui-icon-compose"></span>&#12288;水表记录</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="bz_weather.html" class="mui-navigate-right text_a"><span class="mui-icon mui-icon-star"></span>&#12288;雨情填报</a>
					</li>
				</ul>
			</div>

			<!--调蓄池-->
			<!--调蓄池闸门运行记录表-->
			<div id="tabbar-with-csdt" class="mui-control-content mui-content-padded">
				<ul class="mui-table-view">
					
					<li class="mui-table-view-cell">
						<a href="txc_bj_grid.html" class="mui-navigate-right text_a"><span class="mui-icon mui-icon-plus"></span>&#12288;泵机运行记录</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="txc_gsj_grid.html" class="mui-navigate-right text_a"><span class="mui-icon mui-icon-gear"></span>&#12288;格栅机运行记录</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="txc_sdb_grid.html" class="mui-navigate-right text_a"><span class="mui-icon mui-icon-compose"></span>&#12288;电表记录</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="txc_sb_grid.html" class="mui-navigate-right text_a"><span class="mui-icon mui-icon-compose"></span>&#12288;水表记录</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="txc_zm_grid.html" class="mui-navigate-right text_a"><span class="mui-icon mui-icon-navigate"></span>&#12288;闸门运行记录</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="txc_weather.html" class="mui-navigate-right text_a"><span class="mui-icon mui-icon-star"></span>&#12288;雨情填报</a>
					</li>
				</ul>
			</div>
			<!--河道-->
			<div id="tabbar-with-gate" class="mui-control-content mui-content-padded">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell">
						<a href="zm_grid.html" class="mui-navigate-right text_a"><span class="mui-icon mui-icon-navigate"></span>&#12288;闸门运行记录</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="gate_weather.html" class="mui-navigate-right text_a"><span class="mui-icon mui-icon-star"></span>&#12288;雨情填报</a>
					</li>
				</ul>
			</div>
			<!--<div id="tabbar-with-logout" class="mui-control-content mui-content-padded">
				<button onclick="window.location.href='login.html'" class="mui-btn mui-btn-block mui-btn-primary mui-btn-danger" type="submit" >退出当前用户</button>
			</div>-->
		</div>

		<!--右上角弹出菜单-->
		<!--<div id="topPopover" class="mui-popover">
			<div class="mui-popover-arrow"></div>
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell">
							<a href="today.html">今日签到</a>
						</li>
						<li class="mui-table-view-cell">
							<a href="weekday.html">本周签到</a>
						</li>
						<li class="mui-table-view-cell">
							<a href="monthday.html">本月签到</a>
						</li>

					</ul>
				</div>
			</div>

		</div>-->

		<!--单个河道闸门所填信息-->

	</body>
	<script src="./js/mui.min.js"></script>
	<script type="text/javascript" src="js/mui.zoom.js"></script>
	<!--<script type="text/javascript" src="js/mui.previewimage.js"></script>-->
	<!--自己的JS文件引用-->
	<script type="text/javascript" src="js/appcom.js" ></script>
	<!--拍照-->
	<script type="text/javascript" src="js/gocamera.js" ></script>
	
</html>